"use client"
import Image from "next/image";
import {useTheme} from "next-themes";

export default function MapGuide() {
    const {theme} = useTheme()
    return (
        <>
            <section>
                <div className={"py-4"}>
                    <div className={"text-2xl font-bold"}>自然风景</div>
                    <div className={"py-2 flex justify-center rounded-xl overflow-hidden"}>
                        <Image className={"w-full h-[300px] object-cover"} src={theme === 'dark' ?'/images/map-dark.png':'/images/map-light.png'} alt={'map'} width={1280} height={300} />
                    </div>
                </div>
            </section>

        </>
    )
}